<template>
  <div class="basic frame_content">
    <table class="table-hover" style="margin-bottom: 40px">
      <tbody>
        <tr>
          <td>
            封盘前<input
              style="width:30px"
              type="text"
              name="time_1"
              id="time1"
              value="50"
              readonly
            />秒
            <textarea
              style="width: 100%;height:234px"
              type="text"
              name="con_1"
              id="con1"
            >
◆◆◆◆◆◆◆◆
50秒后封盘
◆◆◆◆◆◆◆◆
          
          </textarea
            >
          </td>
          <td>
            开奖前:赛车
            <input
              style="width:30px"
              type="text"
              name="time_2"
              id="time2"
              value
            />
            秒封盘--飞艇
            <input
              style="width:30px"
              type="text"
              name="time_2_jnd"
              id="time2_jnd"
              value
            />
            秒封盘--时时彩
            <input
              style="width:30px"
              type="text"
              name="time_2_ssc"
              id="time2_ssc"
              value
            />
            秒封盘--极速
            <input
              style="width:30px"
              type="text"
              name="time_2_js"
              id="time2_js"
              value
            />
            秒封盘--澳10
            <input
              style="width:30px"
              type="text"
              name="time_2_ly"
              id="time2_ly"
              value
            />
            秒封盘--澳5
            <input
              style="width:30px"
              type="text"
              name="time_2_ls"
              id="time2_ls"
              value
            />
            秒封盘--荷兰极速赛车
            <input
              style="width:30px"
              type="text"
              name="time2_hljssc"
              id="time2_hljssc"
              value
            />
            秒封盘--荷兰极速时时彩
            <input
              style="width:30px"
              type="text"
              name="time2_hljsssc"
              id="time2_hljsssc"
              value
            />
            秒封盘--荷兰赛车
            <input
              style="width:30px"
              type="text"
              name="time2_hlsc"
              id="time2_hlsc"
              value
            />
            秒封盘--荷兰时时彩
            <input
              style="width:30px"
              type="text"
              name="time2_hlssc"
              id="time2_hlssc"
              value
            />
            秒封盘--UN澳洲5
            <input
              style="width:30px"
              type="text"
              name="time2_unaz5"
              id="time2_unaz5"
              value
            />
            秒封盘--UN澳洲10
            <input
              style="width:30px"
              type="text"
              name="time2_unaz10"
              id="time2_unaz10"
              value
            />
            秒封盘
            <textarea
              style="width:100%; height:200px"
              id="con2"
              name="con_2"
            ></textarea>
          </td>
        </tr>
        <tr>
          <td>
            封盘后<input
              style="width:30px"
              type="text"
              name="time_3"
              id="time3"
              value="5"
            />秒下注核对
            <textarea
              style="width: 100%; height:200px"
              name="con_3"
              id="con3"
            ></textarea>
          </td>
          <td>
            中奖明细
            <textarea
              style="width: 100%; height:200px"
              name="con_4"
              id="con4"
            ></textarea>
          </td>
        </tr>
        <tr>
          <td>
            会员积分
            <textarea
              style="width: 100%; height:200px"
              name="con_5"
              id="con5"
            ></textarea>
          </td>
          <td>
            封盘后<input
              style="width:30px"
              type="text"
              name="time_6"
              id="time6"
              value="10"
            />秒自定义
            <textarea
              style="width: 100%; height:200px"
              name="con_6"
              id="con6"
            ></textarea>
          </td>
        </tr>
        <tr>
          <td colspan="2" style="text-align: center">
            <button href="javascript:void(0);" class=" btn-primary saveBtn">保存</button>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {};
</script>

<style>
.basic {
  margin: 0;
  margin-top: 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  background-color: #fff;
}
.table-hover {
  font-size: 13px;
  width: 96%;
  margin: auto;
  border: 1px solid #ddd;
  border-left: 0;
  border-collapse: separate;
  border-radius: 4px;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5;
}
.table-hover td,
.table-hover th {
  border-left: 1px solid #ddd;
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table-hover #time1 {
  cursor: not-allowed;
  background-color: #eee;
}
.table-hover textarea,
input[type="text"] {
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
  display: inline-block;
  height: 20px;
  margin-bottom: 10px;
  padding: 1px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.table-hover .btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
}
</style>
